﻿@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,200);
@import url(http://fonts.googleapis.com/css?family=Nixie+One);
@import url(http://fonts.googleapis.com/css?family=Paprika);
@font-face { font-family: "seeing stars"; src: url(../fonts/SEEIS___.eot); /* IE */ src: local("seeing stars"), url(../fonts/SEEIS___.ttf) format("truetype"); /* non-IE */ }
body { font-family: 'Titillium Web' , sans-serif; font-weight: 200; font-size: 1em; padding: 0px; margin: 0px; background-color: #eeeeee; -webkit-font-smoothing: antialiased; -webkit-text-stroke: 0.35px; }
ul, li { list-style-type: none; display: inline; }
button { font-family: 'Titillium Web' , Arial; font-size: 1em; background-color: #00CCFF; padding: 4px; border: none; color: White; font-weight: 400; cursor: pointer; height: 800px; }
a { font-family: 'Titillium Web' , Arial; font-size: 1em; font-weight: 400; color: #00CCFF; padding: 2px; }
p { color: #fff; font-size: 1em; font-weight: 400; line-height: 1.2; padding:1px;margin:1px; }
h2, h3, h4 { color: #fff; padding: 2px; margin: 2px; font-weight: 400; }
.header { width: 100%; margin-bottom: 20px; position: fixed; top: 0px; left: 0px; z-index: 9999; background-color: #444; }
.logo-image { font-family: "seeing stars" ,arial; font-size: 4em; }
.logo-text { font-family: 'Nixie One' , Arial; font-size: 3em; }
.logo { color: #fff; padding: 10px; min-width: 800px; width: 1080px; margin-left: auto; margin-right: auto; }
.hidden { display: none; }
.core-navigation { color: #85D0EF; background-color: #333; font-size: 0.8em; width: 100%; overflow: hidden; }
.core-navigation div { min-width: 800px; width: 1076px; margin-left: auto; margin-right: auto; }
.core-navigation li { float: right; margin-left: 10px; }
.star-text { font-family: "seeing stars" , Arial; }
.menu-image { font-size: 2em; padding: 2px; font-family: "seeing stars" , Arial; }
.menu-text { font-size: 1.5em; padding: 2px; cursor: pointer; }
.content { margin-left: auto; margin-right: auto; min-width: 800px; width: 100%; overflow: hidden; }
.content-inner { margin-left: auto; margin-right: auto; min-width: 800px; width: 1080px; overflow: hidden; }
.showcase { min-width: 396px; width: 536px; height: 350px; position: relative; float: left; margin: 2px; }
.showcase, .showcase-wide p { font-size: 1.2em; }
.showcase-wide { float: left; min-width: 796px; width: 1076px; height: 350px; position: relative; margin: 2px; }
.showcase-header { font-family: 'Paprika' , cursive; font-size: 2em; color: #fff; padding: 10px; }
.showcase-footer { position: absolute; bottom: 0px; height: 50px; width: 100%; background-color: #333; }
.showcase-footer div { float: right; font-size: 1.2em; color: #00CCFF; padding: 4px; cursor: pointer; }
.showcase-footer div :hover { color: #fff; }
.orange { background-color: #F6A54C; }
.pink { background-color: #85D0EF; }
.red { background-color: #B1C06F; }
.sky { background-color: #F66C6A; }
.footer { height: 50px; width: 1080px; min-width: 800px; margin-left: auto; margin-right: auto; overflow: hidden; border-top: 4px solid #85D0EF; }
.footer a { margin-left: 20px; float: right; }
.prog-big-icon { margin-left: 10px; width: 256px; height: 256px; background-image: url(../images/p005.png); background-repeat: no-repeat; background-position: center; }
.prog-small-icon { margin-left: 10px; width: 128px; height: 128px; background-image: url(../images/p006.png); background-repeat: no-repeat; background-position: center; cursor: pointer; }
.interview-big-icon { margin-left: 10px; width: 256px; height: 256px; background-image: url(../images/p002.png); background-repeat: no-repeat; background-position: center; }
.interview-small-icon { margin-left: 10px; width: 128px; height: 128px; background-image: url(../images/p007.png); background-repeat: no-repeat; background-position: center; cursor: pointer; }
.subject-big-icon { margin-left: 10px; width: 256px; height: 256px; background-image: url(../images/p009.png); background-repeat: no-repeat; background-position: center; }
.subject-small-icon { margin-left: 10px; width: 128px; height: 128px; background-image: url(../images/p010.png); background-repeat: no-repeat; background-position: center; cursor: pointer; }
.project-big-icon { margin-left: 10px; width: 256px; height: 256px; background-image: url(../images/p004.png); background-repeat: no-repeat; background-position: center; }
.project-small-icon { margin-left: 10px; width: 128px; height: 128px; background-image: url(../images/p008.png); background-repeat: no-repeat; background-position: center; cursor: pointer; }
.prog-detail-tall { width: 254px; height: 334px; background-color: HotPink; float: left; margin: 2px; }
.prog-detail-short { width: 218px; height: 165px; background-color: DarkCyan; float: left; margin: 2px; }
.prog-detail-wide { width: 440px; height: 165px; background-color: Fuchsia; float: left; margin: 2px; }
.mock-detail-wide { width: 375px; height: 165px; background-color: Fuchsia; float: left; margin: 2px; }
